枠と文字の間隔を調節する

■ 枠と中の文字の間隔を調節する

間隔を調節する
cellpadding=" 属性値 "

「cellpadding」を組み合わせることで、テーブルの枠と中の文字との間隔を調節できます
属性値には「数字」を入れます
数字が大きくなればなるほど、テーブルの枠と中の文字との間隔が広がるのです。

たとえばこの例をみてください。

なにも指定しない状態:

●	○
□	■

「<table border="1">
　<tr><td>●</td><td>○</td></tr>
　<tr><td>□</td><td>■</td></tr>
　</table>」

「cellpadding="10"」をいれた場合;

●	○
□	■

「<table border="1" cellpadding="10">
　<tr><td>●</td><td>○</td></tr>
　<tr><td>□</td><td>■</td></tr>
　</table>」

「cellpadding="20"」をいれた場合:

●	○
□	■

「<table border="1" cellpadding="20">
　<tr><td>●</td><td>○</td></tr>
　<tr><td>□</td><td>■</td></tr>
　</table>」

このように、間隔を調節することができました。